<template>
    <div class="hot-list clearfix">
        <div class="hot-nav">
            <a>
                <img src="../../../static/imgs/hot.jpg" alt="">
            </a>
        </div>
        <div class="hot-item-box">
            <div class="hot-item-left">        
                <div class= "hot-item1">
                    <a>
                        <img src="../../../static/imgs/hot2.jpg" alt="">
                    </a>
                </div>
            </div>
            <div class="hot-item-right">        
                <div class= "hot-item">
                    <a>
                        <img src="../../../static/imgs/hot3.jpg" alt="">
                    </a>
                </div>
                <div class= "hot-item">
                    <a>
                        <img src="../../../static/imgs/hot4.jpg" alt="">
                    </a>
                </div>
                <div class= "hot-item">
                    <a>
                        <img src="../../../static/imgs/hot5.jpg" alt="">
                    </a>
                </div>
                <div class= "hot-item">
                    <a>
                        <img src="../../../static/imgs/hot6.jpg" alt="">
                    </a>
                </div>
            </div>
        </div>
        
    </div>
</template>
<script>
</script>
<style>

.hot-item-left{
    float:left;
    width:40%;
}
.hot-item-right{
    float:left;  
    width:60%;  
}
.hot-item{
    width:50%;
    float:left;
}
.hot-list a{
    display:block;
}

</style>